@charset "utf-8";
/* CSS Document */
/* reset */   
.page { padding:30px 0px 60px 0px; margin: 0 auto; width:100%;}
.page ul li{float: right; border:1px solid #c5c5c5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media only screen and (max-width:768px) {   
.page{ padding:30px 0px 150px 0px}
}
.article_fy{ width:100%; text-align: left}
 
.left{ width:25%; float:left; margin:3% 0% 2% 0%;  }
.left_div{ width:100%; float:left; }
.right{ width:72%; float:right; margin:3% 0% 2% 0%; line-height:30px;} 
.right_top{width:100%; margin: 0 auto;  height:80px; overflow:hidden; color:#000}
.right_top h2{ width:50%; float:left;font-variant:small-caps; line-height:80px; height:80px; overflow:hidden; }
.right_top span{ float:left; } 
.right_top h2 strong{ padding:0% 2%}
.right_top dt{ float:right; width:10%; padding:2% 0%; text-align:right}
.right_top dt a{ padding:0% 2%;}
.right_top dt img{ padding:0% 1%; } 
.area_nr{ width:100%;} 
.endText{ width:100%;} 
.area_nr{ width:100%;} 
.xiangxi{ font-weight:bold; width:100%; padding:1% 0%}
.inewslist ul li{ width:100%; height:30px; border-bottom:1px #DCDCDC dashed; line-height:30px; float:left; overflow:hidden}
.inewslist ul li a{ float:left; height:30px;}
.inewslist ul li span{ float:right} 
.mainnyxgcp{ clear:both; width:100%; margin: 0 auto}
.mainnyxgcp ul{ width:100%; margin: 0 auto; }
.mainnyxgcp ul li{ width:19%; margin:0% 1% 0% 0%; float:left; text-align:center; overflow:hidden; }
.mainnyxgcp ul li:nth-child(n+6){ display:none}
.mainnyxgcp ul li dd{width:100%;float:left; overflow:hidden;max-height:300px; display:block;}
.mainnyxgcp ul li dd img{ width:100%; height:100%; float:left;}  
.mainnyxgcp ul li span{ width:100%; font:14px/45px "微软雅黑"; float:left}  


.maincpnrzs{ clear:both; width:100%; margin: 0 auto}
.maincpnrzs ul{ width:100%; margin: 0 auto; }
.maincpnrzs ul li{ width:24%; margin:0% 1% 0% 0%; float:left; text-align:center; overflow:hidden; } 
.maincpnrzs ul li dd{width:100%;float:left; overflow:hidden;max-height:300px; display:block; position:relative; padding-bottom:70%}
.maincpnrzs ul li dd img{ width:100%; float:left; position:absolute;}  
.maincpnrzs ul li span{ width:100%; font:14px/45px "微软雅黑"; float:left}   
.maincpnrzs ul li img {width: 100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.maincpnrzs ul li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 

.lxwm1img{ margin: 0 auto; }  
@media only screen and (max-width:1024px) {    
#lovexin12{ display:none} 
.maincpnrzs ul li{ width:31.33333333%;}
}   
@media only screen and (max-width:768px) {     
.maincpnrzs ul li{ width:48%;}
}  

.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {   
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:46%; margin:0% 2%; float:left; height:56px;border-radius:50px; background:#f68600} 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;}  
} 

.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold}
.vipb a{ color:#eec162} 
@media only screen and (max-width:768px) {
.vipb{bottom:80px;}
}
 
.font-16{ font-size:15px;}.font-18{ font-size:18px;}.font-20{ font-size:20px;}.font-24{ font-size:24px;}.font-30{ font-size:30px;}.font-36{ font-size:36px;}.font-44{ font-size:44px;}.font-52{ font-size:46px;}.font-72{ font-size:72px;} 
.wraper{ margin:0 auto;}   
@media only screen and (max-width:1659px) {.font-16{ font-size:14px;}.font-18{ font-size:16px;}.font-20{ font-size:18px;}.font-24{ font-size:22px;}.font-30{ font-size:26px;}.font-36{ font-size:32px;}.font-44{ font-size:40px;}.font-52{ font-size:46px;}.font-72{ font-size:60px;}     } 
@media only screen and (max-width:1450px) {.font-16{ font-size:14px; }.font-18,#nav li,.tel,.bl_05_con li .bot_txt p,.tab_tit li span,.tabNav li span,.new_imglist li .bot_txt,.foot_top li h2 a,.foot_bot .link dt{font-size:14px;}.font-20{ font-size:16px;}.font-24{ font-size:20px;}.font-30{ font-size:24px;}.font-36{ font-size:28px;}.font-44{ font-size:36px;}.font-52{ font-size:36px;}.font-72{ font-size:50px;}     } 
 
@media only screen and (max-width:1024px) {body{ font-size:12px;}  .font-20{ font-size:16px;}.font-24{ font-size:20px;}.font-30{ font-size:26px;}.font-36{ font-size:30px;}.font-44{ font-size:34px;}.font-52{ font-size:40px;}.font-72{ font-size:46px;}     }  
@media only screen and (max-width:768px) { .font-24{ font-size:20px;}.font-30{ font-size:20px; font-weight: bold}.font-36{ font-size:20px;}.font-44{ font-size:24px;}.font-52{ font-size:28px;}.font-72{ font-size:32px;}  } 
@media only screen and (max-width:414px) { .font-24{ font-size:16px;}.font-30{ font-size:20px;}.font-36{ font-size:18px;}.font-44{ font-size:20px;}.font-52{ font-size:24px;}.font-72{ font-size:28px;}    }
 
.banner { height:550px;} 
@media only screen and (max-width:1106px) {    
.banner { height:450px;}    
}   
@media only screen and (max-width:1024px) {  
.banner { height:400px;} 
}   
@media only screen and (max-width:850px) {     
.banner { height:350px;}   
}   
@media only screen and (max-width:768px) {  
.banner { display:none} 
}   
  
.cpflny{width:100%; float:left; padding:0% 0% 2% 0%}
.cpflny li{  width:12.8%; float:left;  margin:1% 0.5% 1% 0.5%; line-height:50px; text-align:center; border:1px #CCCCCC dotted;border-radius:50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.cpflny li:hover{  background:#000; }
.cpflny li a{ color:#000000 }
.cpflny li:hover a{ color:#fff}  
@media only screen and (max-width:1024px) { 
.cpflny li{  width:18.5%;} 
}
@media only screen and (max-width:768px) {  
.cpflny li{  width:31%; margin:0% 1% 1% 1%; border:none; background:#e50112 } 
.cpflny li a{ color:#FFFFFF} 
}
 
.area_nr{  line-height:50px;}  
@media only screen and (max-width:768px) {    
.area_nr{ width:100%; line-height:30px;}  
.area_nr img{ width:80%; margin:0 auto}
.inewslist{ display:none} 
.mainnyxgcp{ display:none}    
.article_fy{ width:98%; border:1px #CCCCCC solid; text-align:center; border-radius:50px; margin-bottom:2%; line-height:50px; } 
} 

@media only screen and (max-width:650px) {   
.endText img{ width: 98%; margin:  0 auto}
.wrap_bot{ display:none}   
} 

  
.wrap_top{ width:100%; color:#000; font-weight:bold; line-height:60px; padding:1% 0%; border-bottom:1px #CCCCCC dotted; }
.wrap_top dt{ color:#999999; width:60%; float:right;  text-align:right; line-height:60px; } 
.wrap_bot{ width:100%; text-align:center; margin:2% 0%;}
.wrap_bot a{  border:1px #CCCCCC solid; line-height:100px; margin:2% 2% 2% 2%; padding:1% 4% 1% 4%}
.wrap_bot a:hover{ background:#335940; color:#FFFFFF} 
.wrap_bott{ background:#335940; } 
.wrap_bott strong{ color:#FFFFFF; font-weight:normal}
@media only screen and (max-width:768px) { 
.wrap_top dt{ display:none}  
}
 
.wraps_top{ width:100%;  font-weight:bold; border-bottom:1px #CCCCCC solid;  margin-bottom:3%; }
.wraps_top dt{ color:#333; float:right;  text-align: right; line-height:70px; padding:1% 0% 1% 3%; } 
.wraps_top h2{ width:50%; float:left; padding:1% 0% 1% 3%;  font-size:24px; line-height:60px;} 
.wraps_top h2 strong{ float:right; padding-right:3%; line-height:70px; font-size:42px; color:#f5f3f3; display:none}

@media only screen and (max-width:1365px) {
.wraps_top h2 strong{ font-size:32px;}   
 } 

@media only screen and (max-width:1024px) {
.wraps_top h2 strong{ display:none}   
 } 
@media only screen and (max-width:768px) {
.wraps_top h2{ font-size:20px; line-height:70px;} 
.wraps_top dt{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden}
.wraps_top dt{ display:none}
.wraps_top h2{ width:100%;}
}
@media only screen and (max-width:500px) {
}
@media only screen and (max-width:430px) {
.wraps_top h2{ font-size:16px; }  
}



.container{width:73%; margin:0 auto;}
@media only screen and (max-width:1799px) {.container{ width:80%;}   } 
@media only screen and (max-width:1659px) {.container{ width:82%;} } 
@media only screen and (max-width:1450px) {.container{ width:92%;}} 
@media only screen and (max-width:1365px) {.container{ width:95%;}    } 
@media only screen and (max-width:1279px) {.container{ width:auto; padding:0 10px;}    }   
@media only screen and (max-width:650px) { .container{ padding:0 10px 0 10px; width: auto; }  } 
@media only screen and (max-width:550px) { .container{ padding:0 10px 0 10px;}   } 

 .ny_div_img{ width:100%; padding:3% 0%;}
 .ny_div_img ul{ width:100%; float:left; text-align:center}
.ny_div_img ul img{ margin: 0 auto}
 .ny_div_img dl{ width:40%; float: right;height:440px; padding:30px 5%;  background:#f5f5f5}
 .ny_div_img dl span{ line-height:40px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
 .ny_div_img dl p{ line-height:40px; padding:3% 0%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
 .ny_div_img dl li{ line-height:65px; width:80%;border-radius:50px; text-align:center; background:#FF0000; color:#FFFFFF; font-weight:bold; margin-top:3%} 
.ny_div_top{ width:100%; line-height:60px; border-bottom:1px #CCCCCC solid; border-top:1px #CCCCCC solid; margin-top:2%; margin-bottom:2%}
.ny_div_top h2{ line-height:60px; font-size:18px }
.ny_div_top h2 strong{ padding-left:2%}  
@media only screen and (max-width:1024px) { 
 .ny_div_img ul{  height:300px;  } 
 .ny_div_img dl{ height:240px; }
 .ny_div_img dl p{  padding:0% 0%}
 .ny_div_img dl li{ line-height:50px;} 
}
@media only screen and (max-width:768px) { 
.ny_div_img dl li{ width:100%}
}
@media only screen and (max-width:600px) {
 .ny_div_img{  background:#f5f5f5; padding:5%; width:90%; margin: 0 auto; margin-top:3%}
 .ny_div_img ul{  height: auto; width:100%; text-align:center} 
  .ny_div_img ul img{ width:80%; height:auto; margin: 0 auto; float:none}
 .ny_div_img dl{ height: auto; width:100%; padding:0% }
}


.news3ny{ float:left; width:100%} 
.news3ny ul{ width:43%; float: left; margin:2% 1% 0% 1%; height:93px; overflow:hidden;box-shadow:0 0 10px 2px #e7e7e7; padding:2%}
.news3ny ul li{ width:70%;float:right;font:14px/30px "微软雅黑";} 
.news3ny ul li h2{ float: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; font-size:16px;} 
.news3ny ul li strong{ width:100%; display:block; height:30px; line-height:30px; overflow:hidden; color:#999999; font-weight:normal}
.news3ny ul li p{ width:100%; display:block; line-height:30px;  color:#999999;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.news3ny ul li a{  color:#000000;font:16px/30px "微软雅黑";} 
.data1{ width: 23%; float:left; height:100px; display:block }
.data1 h3{font:26px/50px "微软雅黑"; float:left; display:none}
.data1 strong{font:26px/40px "微软雅黑"; padding:0px 10px; float:left; display:none}
.data1 span{font:36px/40px "微软雅黑"; float:left; display:none}
.news3ny ul:nth-child(1) .data1{background:url(../images/news2_r1.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(2) .data1{background:url(../images/news2_r2.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(3) .data1{background:url(../images/news2_r3.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(4) .data1{background:url(../images/news2_r4.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(5) .data1{background:url(../images/news2_r5.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(6) .data1{background:url(../images/news2_r6.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(7) .data1{background:url(../images/news2_r7.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(8) .data1{background:url(../images/news2_r8.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(9) .data1{background:url(../images/news2_r9.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(10) .data1{background:url(../images/news2_r10.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(11) .data1{background:url(../images/news2_r11.jpg) no-repeat center top;background-size:cover;}
.news3ny ul:nth-child(12) .data1{background:url(../images/news2_r12.jpg) no-repeat center top;background-size:cover;}
@media only screen and (max-width:1200px) { 
}
@media only screen and (max-width:1024px) { 
}
@media only screen and (max-width:850px) {
.news3ny ul{ width:94%; }
}
@media only screen and (max-width:500px) {
.data1{ display:none}
.news3ny ul li{ width:98%}
}
 

.news3nys{ float:left; width:100%} 
.news3nys ul{ width:27.33333%; float: left; margin:2% 1% 0% 1%; height:350px; overflow:hidden;box-shadow:0 0 10px 2px #e7e7e7; padding:2%}
.news3nys ul li{ width:100%;float: left;font:14px/30px "微软雅黑";} 
.news3nys ul li h2{ float: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; font-size:16px;} 
.news3nys ul li strong{ width:100%; display:block; height:30px; line-height:30px; overflow:hidden; color:#999999; font-weight:normal}
.news3nys ul li p{ width:100%; display:block; line-height:30px;  color:#999999;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.news3nys ul li a{  color:#000000;font:16px/30px "微软雅黑";} 
.news3nys ul h3{ width:100%; float:left; height:250px; display: block; margin-bottom:20px;}
.news2_r{ width:30%; float: right; height:140px; display:block}
.news3nys ul:nth-child(1) h3{background:url(../images/cpfl1.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(2) h3{background:url(../images/cpfl2.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(3) h3{background:url(../images/cpfl3.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(4) h3{background:url(../images/cpfl4.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(5) h3{background:url(../images/cpfl5.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(6) h3{background:url(../images/cpfl6.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(7) h3{background:url(../images/cpfl7.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(8) h3{background:url(../images/cpfl8.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(9) h3{background:url(../images/cpfl9.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(10) h3{background:url(../images/cpfl10.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(11) h3{background:url(../images/cpfl11.jpg) no-repeat center top;background-size:cover;}
.news3nys ul:nth-child(12) h3{background:url(../images/cpfl12.jpg) no-repeat center top;background-size:cover;}

@media only screen and (max-width:1200px) { 
.news3nys ul{ width:44%; }
}
@media only screen and (max-width:768px) {
.news3nys ul{ width:94%; }
}
.bcont{ text-align:center; background:#f5f5f5; padding:3% 0%; margin-top:3%; margin-bottom:3%}
.bcont .span-3{ width:23%; float:left}
.span-i{width:28%; float:left; height:300px;background:url(../images/bcont.png) no-repeat right bottom;background-size:cover; }
.span-l{ width:26%; float:left; padding:0% 0% 0% 8%; text-align:left}
.span-l p{ text-align:left}
.bcont i{ color: #545454; font-size: 4rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#535353; font-size:18px; display: block;}
.bcont img{ width:50%; margin:  0 auto}

@media only screen and (max-width:1024px) {
.span-3no{ display:none}
.span-l{ width:35%;  padding:0% 0% 0% 5%; text-align:left}
.span-i{ width:35%;}
.bcont img{ width:85%;}
}
@media only screen and (max-width:850px) {
.bcont .span-3{ display:none; } 
.span-i{ display:none}
.span-l{ width:95%}
} 
@media only screen and (max-width:520px) {

.bcont{  background: none; }
.span-i{ width:100%; height:500px;} 
}
@media only screen and (max-width:414px) {
.span-i{ height:300px;} 
}

.maincpny{}
.maincpny .span-4{ width:31%; margin:0% 1% 1% 1%; float:left;transition:.2s width ease;} 
.pro-box { }
.pro-box .icon{ background: none;  position: relative;}
.pro-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:34rem; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(248,158,29,0.5); color: #fff; font-size: 5rem; transform: scale(0); transition: all 0.3s;}
.pro-box .ptit{ text-align: center; line-height: 50px; color: #999;} 
.pro-box a:hover .ptit,.pro-box a:hover h3{ color: #fff;}
.pro-box a:hover .icon i{ transform: scale(1); transition: all 0.3s;}

/*媒体盒子模型*/
.media-box{display:block; width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; overflow: hidden;width:100%; overflow:hidden;max-height:380px;position:relative; display:block; padding-bottom:100%}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{width: 100%; height: 100%; vertical-align: middle; position:absolute}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size:18px; color: #373737; padding:1% 0%; font-weight:normal}
.media-box a:hover .icon img{transform:scale(1.2);}

@media only screen and (max-width:768px) {
.maincpny .span-4{ width:48%;}
.pro-box .ptit{ padding:1rem}
.media-box h3{ padding:0%}
}

.abny_nr{ line-height:50px;}
@media only screen and (max-width:768px) {
.abny_nr{ line-height:30px;}
}
.abny_nr_top{ line-height:60px; color:#000000; text-align:center; font-weight:bold;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.abny_nr_topb{ line-height:60px; color:#000000; text-align:center;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.abny_nr_topt{ height:100px; background:#000000; width:2px; margin:  0 auto; margin-top:2%}